<div class="list">
	<div class="mustach-header" ></div>
	<form name="theForm" novalidate="novalidate">
		<label class="item item-input item-icon-right">
			<i class="icon f12" ng-class="{true: 'ion-close color-assertive', false: 'ion-checkmark color-balanced'}[theForm.mobile.$invalid]"></i>
			<input type="tel" name="mobile" ng-model="login.mobile" ng-pattern="/^1[1|3|4|5|7|8][0-9]\d{8}$/"
			       placeholder="请填写手机号码" required>
		</label>
		<label class="item item-input item-icon-right">
			<i class="icon f12" ng-class="{true: 'ion-close color-assertive', false: 'ion-checkmark color-balanced'}[theForm.password.$invalid]"></i>
			<input type="password" name="password" ng-model="login.password" required placeholder="请输入登录密码"
			       ng-minlength="6" ng-maxlength="20">
		</label>
		<div class="padding">
			<a class="button button-clear f14 color-calm D-fr" ng-href="#/app/forgot-password">忘记密码 </a>
		</div>

		<div class="padding mt20">
			<button class="button button-block button-calm" type="submit"
			        ng-click="submit()"
			        ng-disabled="!theForm.$valid">
				登录
			</button>
		</div>

		<div class="mtb10 color-8 p15 D-center" ui-sref="app.register" ng-hide="state.isLogin">没有胡子先生账号？ 去注册</div>

		<p>你还可以通过以下方式登录</p>
		<p class="mt10 l-ha9 text-center">
			<a ng-click="weixin()" class="color-calm mr10"><i class="iconfont icon-weixin f32"></i> </a>
			<!-- <a ng-click="weibo()" class="color-calm mr10"><i class="iconfont icon-weibo f26"></i> </a>
			<a ng-click="zhifubao()" class="color-calm"><i class="iconfont icon-zhifubao f26"></i> </a> -->
		</p>
		</form>

</div>